<div class="modal fade in ip-box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="newlyAdded">
	<div class="modal-dialog modal-lg" role="document" >
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title pull-left">栏目管理 — 新增</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			</div>
			<div class="modal-body">
				<form name="newlyAddedForm">

					<div ng-hide="isNext">
						<div class="form-group">
							<label class="col-xs-12 col-sm-2 control-label text-right">上级机构：</label>
							<div class="col-xs-12 col-sm-9">
								<input type="text" 
									   class="form-control readonly"
									   readonly 
									   ng-model="menuTitle" 
									/>
							</div>
						</div>
						<div class="form-group">
							<label class="col-xs-12 col-sm-2 control-label text-right">栏目名称：</label>
							<div class="col-xs-12 col-sm-9">
								<input type="text" 
									   name="menuTitle" 
									   class="form-control"
									   id="menuTitle" 
									   autocomplete="off" 
									   required 
									   ng-model="newlyAdded_menuTitle" 
									   />
								<label class="red required">*</label>
								<div class="error ng-hide"	ng-show="newlyAddedForm.menuTitle.$dirty&amp;&amp;newlyAddedForm.menuTitle.$invalid">
									<small class="error" ng-show="newlyAddedForm.menuTitle.$error.required">请输入栏目名称</small>
								</div>
							</div>
						</div>
						<div class="form-group height-auto">
						    <label class="col-xs-12 col-sm-2 control-label text-right">是否专题：</label>   
	                        <div class="one-line col-xs-12 col-sm-3">
	                            <select name="isSpecial" 
	                            		class="pull-left" 
	                            		id="isSpecial" 
	                            		required
	                            		ng-model="newlyAdded_isSpecial" 
	                            		>
									<option value="">请选择</option>
									<option value="1">是</option>
									<option value="0">否</option>
								</select>
								<div class="error ng-hide pull-left" ng-show="newlyAddedForm.isSpecial.$dirty&amp;&amp;newlyAddedForm.isSpecial.$invalid">
									<small class="error" ng-show="newlyAddedForm.isSpecial.$error.required">请输选择是否专题</small>
								</div>
	                        </div>					
						</div>
						<div class="form-group">
							<label class="col-xs-12 col-sm-2 control-label text-right">栏目显示顺序：</label>
							<div class="col-xs-12 col-sm-9">
								<input type="text" 
									   name="columnOrder" 
									   class="form-control" 
									   id="columnOrder" 
									   autocomplete="off" 
									   required 
									   ng-model="newlyAdded_columnOrder" 
									   /> 
								<label	class="red required">*</label>
								<div class="error ng-hide"	ng-show="newlyAddedForm.columnOrder.$dirty&amp;&amp;newlyAddedForm.columnOrder.$invalid">
									<small class="error" ng-show="newlyAddedForm.columnOrder.$error.required">请输入栏目显示顺序</small>
								</div>
							</div>
						</div>	
					</div>

					<div class="overflow-hide form-group height-auto" ng-show="next">
                        <div class="col-xs-12 col-sm-12 text-right">
                        	<button type="button" 
                        		    class="add-column btn btn-normal pull-left btn-default padding-two" 
                        		    data-toggle="modal" 
                        		    data-target="#newlyAddedList"
                        		    ng-click="addResource()"
                        		    >添加资源
                        	</button>

							<table class="table-column table table-bordered table-header">
                                <thead class="border-table">
                                    <tr>
                                        <td class="w10 text-center">序号</td>
                                        <td class="w10 text-center">栏目名称</td>
                                        <td class="w20 text-center">资源名称</td>
                                        <td class="w10 text-center">资源类型</td>
                                        <td class="w10 text-center">分享量</td>
                                        <td class="w10 text-center">使用量</td>
                                        <td class="w20 text-center">出版日期</td>
                                        <td class="w10 text-left">操作</td>
                                    </tr>
                                </thead>
                            </table>
                            
                            <div class="table-body">   
                               <table class="table-column table table-bordered table-header talbe-fbfbfb">

                                    <tbody>
                                       <tr ng-repeat="val in newlyAddedResListTabVal" ng-class="{'active':$index%2!=0}" >
                                            <td class="w10 text-center">{{ $index+1 }}</td>
                                            <td class="w10 text-center">{{ val.menuName }}</td>
                                            <td class="w20 text-center">{{ val.resName }}</td>
                                            <td class="w10 text-center">{{ val.resTypeName }}</td>
                                            <td class="w10 text-center">{{ val.shareCount }}</td>
                                            <td class="w10 text-center">{{ val.useCount }}</td>
                                            <td class="w20 text-center">{{ val.publishDate }}</td>
                                            <td class="w10 text-center icon-td">
		                                        <span class="btn-i" 
		                                        	  title="删除" 
		                                        	  ng-click="deleteRes($index, val)"
		                                        	  >
	                                                <img width="14px" src="../images/right-product/delete.png">
	                                            </span>
                                            </td>
                                        </tr>
                                    </tbody>
									
                                    <tfoot>
				                        <tr>
				                            <td colspan="12" ng-show="isNoData" style="padding-bottom:6px; background:#a2b6bd;">
				                                <nav>
				                                    <tm-pagination style="padding-top:5px;" conf="paginationSelectedResList"></tm-pagination>
				                                </nav>  
				                        	</td>
				                        	<td colspan="12" class="text-center" ng-hide="isNoData">请添加资源</td>
				                        </tr>
				                    </tfoot>
                              		
                                </table>
							</div>                                	
						</div>
                    </div>

					<div class="col-sm-11">
						<div class="modal-footer">
							
							<button type="button" 
									class="btn btn-primary"
									data-dismiss="modal"
									ng-hide="isNext" 
									data-dismiss="modal"
									ng-disabled="newlyAddedForm.$invalid"
									ng-click="newlyAddedClose()"
									>新增并关闭
							</button>

							<button type="button" 
									class="btn btn-primary" 
									ng-hide="isNext"
									ng-disabled="newlyAddedForm.$invalid"
									ng-click="newlyAddedNextStep()"
									>新增并添加资源
							</button>

							<button type="button" 
									class="btn btn-primary" 
									data-dismiss="modal"
									ng-show="next"
									>完成
							</button>

						</div>
					</div>

				</form>
			</div>
		</div>
	</div>
</div>